<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org"  xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <title>真会学-我的课程</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" th:href="@{/static/layuiadmin/layui/css/layui.css}" media="all">
    <link rel="stylesheet" th:href="@{/static/layuiadmin/style/admin.css}" media="all">
    <style>
        *{
            padding: 0;
            margin: 0;
        }

    </style>
    <style>
        /* 这段样式只是用于演示 */
        #LAY-component-grid-list .demo-list .layui-card{height: 267px;}
    </style>
</head>
<body>

<header>
    <div>
        <ul class="layui-nav">
            <!-- 设定layui-this来指向当前页面,即绿色滑块移动到该分类下方 -->
            <li class="layui-nav-item">
                <a th:href="@{/index}">真会学</a>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:" sec:authentication="name"><i class="layui-icon layui-icon-user" style="font-size: 20px;margin: 0px 10px;"></i>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="/user/my/front">个人信息</a></dd>
                    <dd><a th:href="@{/logout}">退了</a></dd>
                </dl>
            </li>
        </ul>
    </div>
</header>
<div class="layui-fluid"style="width: 80%;margin-top: 50px;: " id="LAY-component-grid-list">
    <div class="layui-row layui-col-space8 demo-list">
        <div th:if="${bookList.size()==0}">
            <h1>等待老师导入课程</h1>
        </div>
        <div class="layui-col-sm4 layui-col-md3 layui-col-lg2" th:each="book:${bookList}">
            <!-- 填充内容 -->
            <div class="layui-card" style="border: #00b7ee 1px solid" >
                <div style="height: 50%;padding: 2px" >
                    <img style="height: 100%;width: 100%" src="/static/images/400069282.jpg" alt="图片">
                </div>
                <div>
                    <a th:href="@{/stu/bookDetail(book_name=${book.getBook_name()})}" th:text="${book.getBook_name()}" style="font-size: 16px;line-height: 32px;"></a>
                    <p>课程介绍</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--<footer class="layui-trans layadmin-user-login-footer" style="text-align: center">-->
<!--    <a href="https://beian.miit.gov.cn/" target="_blank">-->
<!--        皖ICP备2022003330号-->
<!--    </a>-->
<!--</footer>-->
</body>
<script th:src="@{/static/layuiadmin/layui/layui.js}"></script>
<script>
    layui.config({
        base: '/static/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index']);
</script>
</html>
